<template>
  <div v-show="isShow" class="noData">
    <img src="@/static/noData.png" alt="" />
    <div>{{ text }}</div>
  </div>
</template>

<script setup lang="ts">
import utils from "@/utils";
const prop = defineProps({
  isShow: {
    type: Boolean,
    default: true,
  },
  text: {
    type: String,
    default: "暂无数据",
  },
});
</script>

<style lang="less" scoped>
.noData {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100rpx;
  image {
    width: 160rpx;
    height: 160rpx;
  }
  view {
    margin-top: 20rpx;
    font-size: 28rpx;
    color: #999;
  }
}
</style>
